import { Component } from '@angular/core';
import {
  SnCardComponent,
  SnCardContentComponent,
  SnCardHeaderComponent,
  SnCardTitleComponent,
} from '../../components/sn-card.component';
import { MonitorHeaderComponent} from "./monitor-header.component"
import { SnTabComponent } from '../../components/sn-tab.component';
import { SnSearchIconComponent, SnBellIconComponent, SnChevronDownIconComponent } from "../../components/sn-icon.component";
type Loopable<T = unknown> = { value: T }[];

class MonitorData {
  aside1: Loopable<string> = [
    { value: '大模型子站' },
    { value: '关注' },
    { value: '综合' },
    { value: '后端' },
    { value: '前端' },
    { value: 'Android' },
    { value: 'iOS' },
    { value: '人工智能' },
    { value: '开发工具' },
    { value: '代码人生' },
    { value: '阅读' },
    { value: '排行榜' },
  ];
  articles: Loopable<number> = Array.from({ length: 10 }).map((_, index) => ({
    value: index,
  }));
  titles: Loopable<number> = Array.from({ length: 6 }).map((_, index) => ({
    value: index + 1,
  }));
}

@Component({
  selector: 'app-monitor',
  standalone: true,
  imports: [
    // SnCardComponent,
    // SnCardContentComponent,
    // SnCardHeaderComponent,
    // SnCardTitleComponent,
    SnTabComponent,
    SnSearchIconComponent,
    SnBellIconComponent,
    SnChevronDownIconComponent,
    MonitorHeaderComponent,
],
  templateUrl: './monitor.component.html',
  styleUrl: './monitor.component.less',
})
export class MonitorComponent /* dispatch */ extends MonitorData {}
